<div id="kt_app_sidebar" class="app-sidebar flex-column" data-kt-drawer="true" data-kt-drawer-name="app-sidebar" data-kt-drawer-activate="{literal}{{/literal}default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="225px" data-kt-drawer-direction="start" data-kt-drawer-toggle="#kt_app_sidebar_mobile_toggle">
    <!--begin::Logo-->
    <div class="app-sidebar-logo px-6 justify-content-center" id="kt_app_sidebar_logo">
        <!--begin::Logo image-->
        <a class="app-sidebar-logo-default text-nowrap text-truncate fs-5">
            <i class="fa fa-paw me-1 fs-5"></i>{:get_system_config('app_name')}
        </a>
        <a class="app-sidebar-logo-minimize">
            <i class="fa fa-paw fs-3"></i>
        </a>
        <!--end::Logo image-->
        <!--begin::Sidebar toggle-->
        <div id="kt_app_sidebar_toggle" class="app-sidebar-toggle btn btn-icon btn-shadow btn-sm btn-color-muted btn-active-color-primary body-bg h-30px w-30px position-absolute top-50 start-100 translate-middle rotate" data-kt-toggle="true" data-kt-toggle-state="active" data-kt-toggle-target="body" data-kt-toggle-name="app-sidebar-minimize">
            <!--begin::Svg Icon | path: icons/duotune/arrows/arr079.svg-->
            <span class="svg-icon svg-icon-2 rotate-180">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path opacity="0.5" d="M14.2657 11.4343L18.45 7.25C18.8642 6.83579 18.8642 6.16421 18.45 5.75C18.0358 5.33579 17.3642 5.33579 16.95 5.75L11.4071 11.2929C11.0166 11.6834 11.0166 12.3166 11.4071 12.7071L16.95 18.25C17.3642 18.6642 18.0358 18.6642 18.45 18.25C18.8642 17.8358 18.8642 17.1642 18.45 16.75L14.2657 12.5657C13.9533 12.2533 13.9533 11.7467 14.2657 11.4343Z" fill="currentColor" />
                    <path d="M8.2657 11.4343L12.45 7.25C12.8642 6.83579 12.8642 6.16421 12.45 5.75C12.0358 5.33579 11.3642 5.33579 10.95 5.75L5.40712 11.2929C5.01659 11.6834 5.01659 12.3166 5.40712 12.7071L10.95 18.25C11.3642 18.6642 12.0358 18.6642 12.45 18.25C12.8642 17.8358 12.8642 17.1642 12.45 16.75L8.2657 12.5657C7.95328 12.2533 7.95328 11.7467 8.2657 11.4343Z" fill="currentColor" />
                </svg>
            </span>
            <!--end::Svg Icon-->
        </div>
        <!--end::Sidebar toggle-->
    </div>
    <!--end::Logo-->

    <div class="aside-toolbar px-3" id="kt_app_sidebar_toolbar">
        <div class="aside-user d-flex align-items-sm-center justify-content-center pt-5">
            <!--begin::Symbol-->
            <div class="symbol symbol-circle symbol-50px">
                <img src="{$auth->avatar}" alt="">
            </div>
            <!--end::Symbol-->
            <!--begin::Wrapper-->
            <div class="aside-user-info flex-row-fluid flex-wrap ms-5">
                <!--begin::Section-->
                <div class="d-flex">
                    <!--begin::Info-->
                    <div class="flex-grow-1 me-2">
                        <!--begin::Username-->
                        <a href="javascript:void(0)" class="aside-username fs-6 fw-bold">{$auth->username}</a>
                        <!--end::Username-->
                        <!--begin::Description-->
                        <span class="text-gray-600 fw-semibold d-block fs-8 mb-1">{$auth->mobile}</span>
                        <!--end::Description-->
                        <!--begin::Label-->
                        <div class="d-flex align-items-center text-success fs-9">
                        <span class="bullet bullet-dot bg-success me-1"></span>在线</div>
                        <!--end::Label-->
                    </div>
                    <!--end::Info-->

                    <a href="javascript:void(0);" data-key="admin-setting" data-url="{:url('Admin/setting')}" data-title="个人设置" class="btn btn-icon btn-sm btn-active-color-primary mt-n2 addtabs" data-bs-toggle="tooltip" title="个人设置" data-bs-dismiss="click">
                        <i class="bi bi-gear"></i>
                    </a>
            
                </div>
                <!--end::Section-->
            </div>
            <!--end::Wrapper-->
        </div>
        <!--begin::Aside search-->
        <div class="aside-search pt-5">
            <!--begin::Search-->
            <div id="kt_app_sidebar_search" class="header-search d-flex flex-column align-items-center w-100 position-relative">
                <!--begin::Form-->
                <form data-kt-search-element="form" class="w-100 position-relative" autocomplete="off">
                    <!--begin::Hidden input(Added to disable form autocomplete)-->
                    <input type="hidden">
                    <!--end::Hidden input-->
                    <!--begin::Icon-->
                    <!--begin::Svg Icon | path: icons/duotune/general/gen021.svg-->
                    <span class="svg-icon svg-icon-2 search-icon position-absolute top-50 translate-middle-y ms-4">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <rect opacity="0.5" x="17.0365" y="15.1223" width="8.15546" height="2" rx="1" transform="rotate(45 17.0365 15.1223)" fill="currentColor"></rect>
                            <path d="M11 19C6.55556 19 3 15.4444 3 11C3 6.55556 6.55556 3 11 3C15.4444 3 19 6.55556 19 11C19 15.4444 15.4444 19 11 19ZM11 5C7.53333 5 5 7.53333 5 11C5 14.4667 7.53333 17 11 17C14.4667 17 17 14.4667 17 11C17 7.53333 14.4667 5 11 5Z" fill="currentColor"></path>
                        </svg>
                    </span>
                    <!--end::Svg Icon-->
                    <!--end::Icon-->
                    <!--begin::Input-->
                    <input type="text" class="search-input form-control ps-13 fs-7 h-40px" name="search" value="" placeholder="菜单搜索" data-kt-search-element="input">
                    <!--end::Input-->
                    <!--begin::Spinner-->
                    <span class="position-absolute top-50 end-0 translate-middle-y lh-0 d-none me-5" data-kt-search-element="spinner">
                        <span class="spinner-border h-15px w-15px align-middle text-gray-400"></span>
                    </span>
                    <!--end::Spinner-->
                    <!--begin::Reset-->
                    <span class="btn btn-flush btn-active-color-primary position-absolute top-50 end-0 translate-middle-y lh-0 d-none me-4" data-kt-search-element="clear">
                        <!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
                        <span class="svg-icon svg-icon-2 svg-icon-lg-1 me-0">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="currentColor"></rect>
                                <rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="currentColor"></rect>
                            </svg>
                        </span>
                        <!--end::Svg Icon-->
                    </span>
                    <!--end::Reset-->
                </form>
                <!--end::Form-->
                <!--begin::Menu-->
                <div class="sidebar-search-results" id="kt-app-sidebar-search-results-wrapper">
                    <ul class="list-group">
                       <!--  <li class="list-group-item"><a href="javascript:void(0);" class="text-gray-600 text-hover-primary addtabs" data-menu-id="1">用户管理</a></li>
                        <li class="list-group-item"><a href="javascript:void(0);" class="text-gray-600 text-hover-primary addtabs" data-menu-id="2">提示通知</a></li>
                        <li class="list-group-item"><a href="javascript:void(0);" class="text-gray-600 text-hover-primary addtabs" data-menu-id="3">卡片样式</a></li>
                        <li class="list-group-item"><a href="javascript:void(0);" class="text-gray-600 text-hover-primary addtabs">用户管理</a></li>
                        <li class="list-group-item"><a href="javascript:void(0);" class="text-gray-600 text-hover-primary addtabs">用户管理</a></li>
                        <li class="list-group-item"><a href="javascript:void(0);" class="text-gray-600 text-hover-primary addtabs">用户管理</a></li>
                        <li class="list-group-item"><a href="javascript:void(0);" class="text-gray-600 text-hover-primary addtabs">用户管理</a></li>
                        <li class="list-group-item"><a href="javascript:void(0);" class="text-gray-600 text-hover-primary addtabs">用户管理</a></li>
                        <li class="list-group-item"><a href="javascript:void(0);" class="text-gray-600 text-hover-primary addtabs">用户管理</a></li>
                        <li class="list-group-item"><a href="javascript:void(0);" class="text-gray-600 text-hover-primary addtabs">用户管理</a></li>
                        <li class="list-group-item"><a href="javascript:void(0);" class="text-gray-600 text-hover-primary addtabs">用户管理</a></li> -->
                    </ul>
                </div>
                <!--end::Menu-->
            </div>
            <!--end::Search-->
        </div>
        <!--end::Aside search-->
        <!--end::Aside user-->
    </div>

    <!--begin::sidebar menu-->
    <div class="app-sidebar-menu overflow-hidden flex-column-fluid">
        <!--begin::Menu wrapper-->
        <div id="kt_app_sidebar_menu_wrapper" class="app-sidebar-wrapper hover-scroll-overlay-y my-5" data-kt-scroll="true" data-kt-scroll-activate="true" data-kt-scroll-height="auto" data-kt-scroll-dependencies="#kt_app_sidebar_logo, #kt_app_sidebar_toolbar, #kt_app_sidebar_footer" data-kt-scroll-wrappers="#kt_app_sidebar_menu" data-kt-scroll-offset="5px" data-kt-scroll-save-state="true">
            <!--begin::Menu-->
            <div class="menu menu-column menu-rounded menu-sub-indention px-3" id="kt_app_sidebar_menu" data-kt-menu="true" data-kt-menu-trigger="hover">
               <!--  <div class="menu-item">
                    <a class="menu-link" href="javascript:;" data-menu-id="1" data-menu-title="控制台" data-menu-path="首页_控制台_基本信息" data-menu-icon="bi bi-house" data-menu-url="/admin/index/dashboard.html">
                        <span class="menu-icon">
                            <i class="bi bi-house fs-5"></i>
                        </span>
                        <span class="menu-title">控制台</span>
                        <span class="badge badge-warning p-1 menu-count" data-label-key="dashboard" data-label-type="text"></span>
                    </a>
                </div>
                <div class="menu-item">
                    <a class="menu-link" href="javascript:;" data-menu-id="2" data-menu-title="权限管理" data-menu-path="首页_权限管理" data-menu-icon="bi bi-house" data-menu-url="/admin/auth_rule/index.html">
                        <span class="menu-icon">
                            <i class="bi bi-info-circle fs-5"></i>
                        </span>
                        <span class="menu-title">权限管理</span>
                    </a>
                </div>
                <div class="menu-item">
                    <a class="menu-link"  href="javascript:;" data-menu-id="3" data-menu-title="管理员" data-menu-path="首页_管理员" data-menu-icon="bi bi-house" data-menu-url="/admin/admin/index.html">
                        <span class="menu-icon">
                            <i class="bi bi-menu-button fs-5"></i>
                        </span>
                        <span class="menu-title">管理员</span>
                    </a>
                </div>
                <div class="menu-item">
                    <a class="menu-link" href="javascript:;" data-menu-id="4" data-menu-title="用户组" data-menu-path="首页_用户组" data-menu-icon="bi bi-house" data-menu-url="/admin/auth_group/index.html">
                        <span class="menu-icon">
                            <i class="bi bi-house fs-5"></i>
                        </span>
                        <span class="menu-title">用户组</span>
                    </a>
                </div> -->
            </div>
            <!--end::Menu-->
        </div>
        <!--end::Menu wrapper-->
    </div>
    <!--end::sidebar menu-->
    <!--begin::Footer-->
    <div class="app-sidebar-footer flex-column-auto pt-2 pb-6 px-6" id="kt_app_sidebar_footer">
        <div class="btn-group w-100">
            <button class="btn btn-icon btn-custom btn-light aside-set-light text-hover-primary"><i class="bi bi-sun"></i></button>
            <button class="btn btn-icon btn-custom btn-light aside-set-dark text-hover-primary"><i class="bi bi-moon"></i></button>
        </div>
    </div>
    <!--end::Footer-->
</div>